import React from 'react'
import style from './style.app'
import { validate } from './helper'

export default () => (
	<div className={style.root}>
    {
      [
        'type("hello")|"string"',
        'type([])|"array"',
        'type({})|"object"',
        'type(6)|"number"',
        'type(null)|"null"',
        'type(undefined)|"undefined"',
        'type(NaN)|"nan"',
        'type(document.createElement("div"))|"element"',
        'type(new Error("error"))|"error"',
        'type(function() {})|"function"',
        'type(/abc/)|"regexp"'
      ].map(validate)
    }
	</div>
)
